.app-toast {
  padding: 6px 16px;
  top: 50% !important;
  transform: translate(-50% -50%);
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  @apply border-none rounded-[4px];

  .el-message__icon {
    @apply hidden;
  }

  .el-message__content {
    @apply text-[#2D2E33] flex items-center gap-x-[8px];
  }

  &.is_loading::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vw;
    background-color: transparent;
    cursor: not-allowed;
  }
}
